<!doctype html lang="pt-br">
<html>

	<head>
		<meta charset="utf-8"/>
		<title>Moto Certo</title>
		<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
        <link rel="stylesheet" media="all" href="css/resset.css"/>
		<link rel="stylesheet" media="all" href="css/geral.css"/>
        <link rel="stylesheet" media="all" href="css/anunciar.css"/>
		<meta name="viewport" content="width=device-width, initial-scale=1"/>
		<!-- Mobile Safari maximum-scale=1 to fixe the bug auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->
	</head>
	
	<body>
	  <header class="header">
      	<figure class="logo">
        	<a href="home.html">
            	<img src="images/logo-moto-certo.jpg" width="250" height="136" alt="Sua moto merece um lugar de destaque!" title="Sua moto merece um lugar de destaque!">
            </a>
        </figure>
        <nav class="nav-menu">
        <a href="#"> Empresa </a> | <a href="#"> Investidor </a> | <a href="#"> Formas de Pagamentos </a> | <a href="#"> Dúvidas Frequentes </a>
        <ul>
        	<li class="botao-azul"><a href="#">Anunciar</a></li>
            <li><a href="#">Dúvidas Frequentes</a></li>
        </ul>
      	</nav>
      </header>
      <div class="wrapper">
      	<header class="nav-option">
            <h1 class="breadcrumb-title">Meus Dados</h1> 
         </header>
          <div class="content">
          	<p class="texto-descricao-1">Alteração dos seus dados pessoais.</p> 

			<form class="form1">
            <fieldset>
            <legend class="title-form-1">Dados de Acesso</legend>   
            <hr>
            
            	<label for="email"><strong>Digite seu email:</strong></label><br>
                <input type="email" name="email" id="email" required  style="width: 350px;"><br>
                <span class="input-info">Digite seu endereço de Email</span>
                <br>
                <br>
                
                <label for="cpf"><strong>Digite seu CPF:</strong></label><br>
                <input type="number" name="cpf" id="cpf" required readonly style="width: 350px;" maxlength="12"><br>
                <span class="input-info">Não é possível alterar seu CPF.</span><br>
                
                
              <label>
                  <input type="radio" value="masculino" name="sexo" readonly>
                  Masculino</label>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <label>
                  <input type="radio" value="feminino" name="sexo" readonly>
                  Feminino</label>
                <br>
                <br>
                <label for="nome"><strong>Nome Completo:</strong></label><br>
                <input type="text" name="nome" id="nome" style="width: 350px;" readonly><br>
                <span class="input-info">Digite seu nome completo igual ao nome do CPF. Apenas o primeiro nome aparece no anúncio.</span><br>
                
                <label for="data_nascimento"><strong>Data Nascimento:</strong></label><br>
                <input type="text" name="data_nascimento" id="data_nascimento" required>
                <span class="input-info">Data de Nascimento.</span><br>
                
                <label for="nome_mae"><strong>Nome da Mãe:</strong></label><br>
                <input type="text" name="nome_mae" id="nome_mae" style="width: 350px;" readonly >
                <span class="input-info">Não é possível alterar seu CPF.</span><br>
                
                <label for="senha"><strong>Senha de Acesso:</strong></label><br>
                <input type="password" name="senha" id="senha">
                <span class="input-info">Senha para acessar área exclusiva de anunciante.</span><br>
                <label for="senha"><strong>Repetir Senha de Acesso:</strong></label><br>
                <input type="password" name="senha" id="senha">
                <span class="input-info">Redigite sua senha de acesso para confirmar.</span><br>
                  <input type="submit" class="botao-azul" value="Alterar" style="height: 29px;width: 110px; margin-top: 30px;">

            </fieldset>
            
            <fieldset style="margin-top: 50px;">
            <legend class="title-form-1">Informações de Contato</legend>   
            <hr>
            
            	<label><strong>Telefones:</strong></label><br>
                <label for="fone_celular"><strong>Telefone Celular:</strong></label><br>
                <input type="text" name="fone_celular" id="fone_celular" required max="10"><br>
                <span class="input-info">Informe apenas números do seu celular incluindo o DDD.</span><br>
                
                <label for="fone_residencial"><strong>Telefone Residencial:</strong></label><br>
                <input type="text" name="fone_residencial" id="fone_residencial" max="10"><br>
                <span class="input-info">Informe apenas números do seu residencial incluindo o DDD.</span><br>
                
                <label for="fone_comercial"><strong>Telefone Comercial:</strong></label><br>
                <input type="text" name="fone_comercial" id="fone_comercial" max="10"><br>
                <span class="input-info">Informe apenas números do seu comercial incluindo o DDD.</span>
                <br>
                <br>
                <br>
                
                <label for="cep"><strong>CEP:</strong></label><br>
                <input type="text" name="cep" id="cep" max="8" required><br>
                <span class="input-info">Digite apenas números.</span>
                <br>
                <br>
                <label for="logradouro"><strong>Logradouro:</strong></label><br>
                <select name="logradouro" required>
                	<option value="Rua">Rua</option>
                    <option value="Avenida">Avenida</option>
                </select>
                <br>
                <br>
                
                <label for="endereco" required><strong>Endereço:</strong></label><br>
                <input type="text" name="endereco" id="endereco" style="width: 350px;"><br>
                <br>
                <br>
                
                <label for="complemento"><strong>Complemento:</strong></label><br>
                <input type="text" name="complemento" id="complemento" style="width: 350px;"><br>
                <span class="input-info">Campo não obrigatório. Exemplo: SL01 ou APB4 ou Bloco C.</span>
                <br>
                <br>
                
                <label for="estado" required><strong>Estado:</strong></label><br>
                <select name="estado">
                	<option value="SP">São Paulo</option>
                    <option value="TO">Tocantins</option>
                </select>
                
                <br>
                <br>
                
                <label for="cidade"><strong>Cidade:</strong></label><br>
                <input type="text" required name="cidade" id="cidade" style="width: 350px;"><br>

              <input type="submit" class="botao-azul" value="Alterar" style="height: 29px;width: 110px; margin-top: 30px;">
            </fieldset>
            
            </form>

            <div style="clear:both"></div>
 
          </div>
        </div>

        <div class="footer-wrapper">
            <footer>
                <nav class="nav-footer">
                    <ul>
                        <li><a href="#">Institucional</a></li>
                        <li><a href="#">Sobre o Moto Certo</a></li>
                        <li><a href="#">Política de Privacidade</a></li>
                        <li><a href="#">Termos de Uso</a></li>
                    </ul>
                    <ul>
                        <li><a href="#">Anúncios</a></li>
                        <li><a href="#">Como Comprar</a></li>
                        <li><a href="#">Como Vender</a></li>
                        <li><a href="#">Como Anunciar</a></li>
                    </ul>
                </nav>
                    <figure class="banners-footers">
                        <img src="images/banner-imagem-160-90.jpg" height="90" width="160" >
                        <img src="images/banner-imagem2-160-90.jpg" height="90" width="160" >
                        <img src="images/banner-imagem3-160-90.jpg" height="90" width="160" >
                    </figure>
                <summary class="summary-footer">
                    Moto Certo © 2012 Todos os Direitos Reservados - <a href="#">by Produtora Web</a>
                </summary>
            </footer>
        </div>
        
      
	</body>
	
</html>